<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamento.xhtml" >
		<ui:define name="js">
		
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha_gerenciamento.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/logado.css" media="screen" />
			<style type="text/css">
				body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form>
			
				<div class="cabecalho_ranking_inside">
				    <div class="campos1_a_menor"></div>
				    <div class="campos2_a"><strong>Ramo de atividade</strong></div>
				    <div class="campos2_a_maiorconsulteCompare">
				    	<h:selectOneMenu value="#{consulteCompareProdutosBean.ramoAtividade}" converter="ramoAtividadeConverter" style="width:200px" >
	      	      			<f:selectItem itemLabel="Selecione o Ramo de Atividade" noSelectionOption="true" />	
		          			<f:selectItems value="#{consulteCompareProdutosBean.ramoAtividades}" var="rm" itemLabel="#{rm.nome}" itemValue="#{rm}" />
		          		</h:selectOneMenu>
				    </div>
				    <div class="campos2_a_maiorconsulteCompare">
				    	<rich:inplaceInput defaultLabel="Nome do Produto" value="#{consulteCompareProdutosBean.nomeProduto}" style="width:210px" />
				    </div>
				    <div class="campos2_a_menor" align="center">
    					<a4j:commandLink action="#{consulteCompareProdutosBean.buscarProdutos}" execute="@form" render="@all">
			        		<img src="images/buscar.gif" width="40" height="20" />
			        	</a4j:commandLink>
    				</div>    
    				
    				<div class="campos1_a_menor"></div>
    				<div class="campos2_a_baixo_menor"><strong>Uf</strong></div>
    				<div class="campos2_a_baixo_cidade">
				    	<h:selectOneMenu value="#{consulteCompareProdutosBean.uf}" converter="ufConverter" style="width:50px" >
		          			<f:selectItem itemLabel="Uf" noSelectionOption="true" />
		          			<f:selectItems value="#{consulteCompareProdutosBean.ufs}" var="uf" itemLabel="#{uf.sigla}" itemValue="#{uf}" />
		          			<f:ajax event="change" listener="#{consulteCompareProdutosBean.atualizaCidade}" render="cidadeField" />
		          		</h:selectOneMenu>
				    </div>
    				<div class="campos2_a_baixo_cidade"><strong>Cidade</strong></div>
    				<div class="campos2_a_baixo_cidadefield">
    					<h:selectOneMenu id="cidadeField" value="#{consulteCompareProdutosBean.cidade}" converter="cidadeConverter" style="width:130px">
	       	    			<f:selectItem itemLabel="Selecione a Cidade" noSelectionOption="true" />
		          			<f:selectItems value="#{consulteCompareProdutosBean.cidades}" var="cidade" itemLabel="#{cidade.nome}" itemValue="#{cidade}" />
		          			<f:ajax event="change" listener="#{consulteCompareProdutosBean.atualizaBairro}" render="bairroField" />
		          		</h:selectOneMenu>
    				</div>
    				<div class="campos2_a_baixo_cidade"><strong>Bairro</strong></div>
    				<div class="campos2_a_baixo_cidadefield">
    					<h:selectOneMenu id="bairroField" value="#{consulteCompareProdutosBean.bairro}" converter="bairroConverter" style="width:160px">
	       	    			<f:selectItem itemLabel="Selecione o Bairro" noSelectionOption="true" />
		          			<f:selectItems value="#{consulteCompareProdutosBean.bairros}" var="bairro" itemLabel="#{bairro.nome}" itemValue="#{bairro}" />
		          		</h:selectOneMenu>
    				</div>
    				
    				
				</div>
			  
			  	<div class="inside_caixa_cinza2">
			  		<h:panelGroup rendered="#{consulteCompareProdutosBean.quantidadeProdutos > 0 }" >
		    			<table width="690" border="0" cellspacing="1" cellpadding="0">
		    			
				      		<tr id="texto_branco">
				        		<td width="551" height="35" align="center" bgcolor="#2f3191"><strong>Produtos</strong></td>
				        		<td width="136" align="center" bgcolor="#2f3191"><strong>Unidade</strong><strong></strong></td>
				      		</tr>
				      		<tr>
				        		<td colspan="3" bgcolor="#FFFFFF"><img src="images/3px.gif" alt="" width="3" height="3" /></td>
				      		</tr>
				      		
				      		<a4j:repeat id="tableProdutos" value="#{consulteCompareProdutosBean.produtos}" var="produtos" >
						      	
						      	<h:panelGroup rendered="#{produtos.par}">
							      	<tr>
							        	<td height="30" align="center" bgcolor="#f5f5f5" id="texto_preto_normal">
							        		<a4j:commandLink value="#{produtos.nome}" action="#{consulteCompareProdutosBean.compararProduto}" execute="@this" render="@all" >
					        					<f:setPropertyActionListener target="#{consulteCompareProdutosBean.produto}" value="#{produtos}" />
					        				</a4j:commandLink>	
							        	</td>
							        	<td align="center" bgcolor="#f5f5f5" id="texto_preto_normal">
							        		<h:outputText value="#{produtos.unidade}" />
							        	</td>
							      	</tr>
						      		<tr>
						        		<td colspan="3" bgcolor="#FFFFFF">
						        			<img src="images/3px.gif" alt="" width="3" height="3" />
						        		</td>
						      		</tr>
					      		</h:panelGroup>
					      		<h:panelGroup rendered="#{!produtos.par}">
						      		<tr>
						        		<td height="30" align="center" bgcolor="#ffffff" id="texto_preto_normal">
						        			<a4j:commandLink value="#{produtos.nome}" action="#{consulteCompareProdutosBean.compararProduto}" execute="@this" render="@all">
					        					<f:setPropertyActionListener target="#{consulteCompareProdutosBean.produto}" value="#{produtos}" />
					        				</a4j:commandLink>	
						        		</td>
						        		<td align="center" bgcolor="#ffffff" id="texto_preto_normal" >
						        			<h:outputText value="#{produtos.unidade}" />
						        		</td>
						      		</tr>
						      		<tr>
						        		<td colspan="3" bgcolor="#FFFFFF">
						        			<img src="images/3px.gif" alt="" width="3" height="3" />
						        		</td>
						      		</tr>
						      	</h:panelGroup>	
						      		
				      		</a4j:repeat>
				      		
				      		
				    	</table>
			    	</h:panelGroup>
			    	<h:panelGroup rendered="#{consulteCompareProdutosBean.quantidadeProdutos == 0 }" >
			      		<div class="inside_rodape_ranking" id="link_azul" align="center">Nenhum produto encontrado para os critérios escolhidos</div>
		      		</h:panelGroup>
			    	
			  	</div>
			  	<div class="inside_rodape_ranking" id="link_azul">
  				</div>
				
				

			</h:form>
		</ui:define>
	</ui:composition>

</html>